<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>首页-书剑古茶,书剑普洱,云南普洱,书剑普洱江湖,书剑江湖,云南书剑茶叶有限公司，书剑普洱江湖官方网站-书剑古茶官方网站</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=1.0">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="format-detection" content="telephone=no">
    <meta name="keywords" content="书剑古茶,书剑普洱,云南普洱,书剑普洱江湖,书剑江湖,云南书剑茶叶有限公司，书剑普洱江湖官方网站-书剑古茶官方网站" />
    <meta name="description" content="书剑古茶,书剑普洱,云南普洱,书剑普洱江湖,书剑江湖,云南书剑茶叶有限公司，书剑普洱江湖官方网站-书剑古茶官方网站"/>
    <link rel="stylesheet" type="text/css" href="css/reset.css">
    <link rel="stylesheet" type="text/css" href="css/main.css">

    <link rel="stylesheet" type="text/css" href="css/pintuer.css">
    <link rel="stylesheet" type="text/css" href="css/index_1.css">
</head>
<body id="home-640">
<header> </header>
<div id="home-cnt-wp">
    <div style="line-height: 30px; padding-left: 30%;">
    <div  id="spinner" style="width: 30px; float:left; margin-right:5px;height: 30px;">
    <span class="icon-spinner" style="font-size: 30px;"></span></div>正在加载内容...
    </div>
</div>

    <script>
        var rot=0;
        function rotate()
        {
            rot += 24;
            document.getElementById("spinner").style.transform = "rotate("+rot+"deg)";
            document.getElementById("spinner").style.webkitTransform = "rotate("+rot+"deg)";
            //alert(rot);
            if(rot>=360) rot=0;
            setTimeout("rotate()",100);
        }
        rotate();
    </script>
 </div>
<div id="footer"></div>
</body>

<script type="text/html" id="home_body">
    <div id='mySwipe' class='swiper-container'>
        <div class='swipe-wrap'> <%=#advSpecial%> </div>
        <div class="swipe-paginat"></div>
    </div>
    <div class="container p0_w_100 margin-small-top">
        <div class="home_menu collapse">
            <div class="panel" id="pingpai">
                <div class="panel-head">
                    <h4>品牌简介<span class="my_tags tag_close"></span></h4>
                </div>
                <div class="panel-body line-little home_pingpai">
                    <div class="x6"><a href="<%=WapSiteUrl%>/tmpl/article_detail.html?a_id=30">
                        <img src="<%=WapSiteUrl%>/images/logo.jpg" width="100%"></a>
                        <div class="channelName">品牌价值</div>
                    </div>
                    <div class="x6 line-little">
                        <div class="x6"><a href="<%=WapSiteUrl%>/tmpl/article_detail.html?a_id=29"><img src="<%=WapSiteUrl%>/images/ppjs.jpg" width="100%"></a>
                        </div>
                        <div class="x6"><a href="<%=WapSiteUrl%>/tmpl/article_detail.html?a_id=88"><img src="<%=WapSiteUrl%>/images/gplj.jpg" width="100%">
                        </div>
                        <div class="x6">
                            <a href="<%=WapSiteUrl%>/tmpl/article_detail.html?a_id=84">
                            <img src="<%=WapSiteUrl%>/images/yinxiao.jpg" width="100%">
                            </a>
                        </div>
                        <div class="x6">
                            <a href="<%=WapSiteUrl%>/tmpl/article_detail.html?a_id=32">
                                <img src="<%=WapSiteUrl%>/images/zbmm.png" width="100%">
                            </a>
                        </div>
                    </div>
                    <div class="x12">
                        <a href="<%=WapSiteUrl%>/tmpl/article_detail.html?a_id=23"><img src="<%=WapSiteUrl%>/images/zsjm.jpg" width="100%" /></a></div>
                    <div style="clear:both;"></div>
                </div>
            </div>

            <div class="panel" id="product">
                <div class="panel-head">
                    <h4>产品展示<span class="my_tags tag_close"></span></h4>
                </div>
                <div class="panel-body">
                    <ul class="home_product">
                        <li><a href="http://www.shujianhao.com/wap/tmpl/product_list.html?gc_id=1074&a_id=25"><img src="<%=WapSiteUrl%>/images/product/lunjian.jpg"/></a><br />
                            论剑古树系列</li>
                        <li><a href="http://www.shujianhao.com/wap/tmpl/product_list.html?gc_id=1074&a_id=26"><img src="<%=WapSiteUrl%>/images/product/dang.jpg"/></a><br />
                            逍遥丹系列</li>
                        <li><a href="http://www.shujianhao.com/wap/tmpl/product_list.html?gc_id=1074&a_id=33"><img src="<%=WapSiteUrl%>/images/product/piao.jpg"/></a><br />
                            票级系列</li>
                        <li><a href="http://www.shujianhao.com/wap/tmpl/product_list.html?gc_id=1074&a_id=585"><img src="<%=WapSiteUrl%>/images/product/ruo.jpg"/></a><br />
                            心若系列</li>
                        <li><a href="http://www.shujianhao.com/wap/tmpl/product_list.html?gc_id=1074&a_id=584"><img src="<%=WapSiteUrl%>/images/product/cang.jpg"/></a><br />
                            藏级系列</li>
                        <li><a href="http://www.shujianhao.com/wap/tmpl/product_list.html?gc_id=1074&a_id=29"><img src="<%=WapSiteUrl%>/images/product/sang.jpg"/></a><br />
                            江湖散茶</li>
                        <li><img src="<%=WapSiteUrl%>/images/product/shu.jpg"/><br />
                            江湖熟茶</li>
                        <li><a href="http://www.shujianhao.com/wap/tmpl/product_list.html?gc_id=1074&a_id=28"><img src="<%=WapSiteUrl%>/images/product/ren.jpg"/></a><br />
                            茶人系列</li>
                        <li><a href="http://www.shujianhao.com/wap/tmpl/product_list.html?gc_id=1074&a_id=27"><img src="<%=WapSiteUrl%>/images/product/jiandan.jpg"/></a><br />
                            剑胆书心系列</li>
                        <li><a href="http://www.shujianhao.com/wap/tmpl/product_list.html?gc_id=1074&a_id=34"><img src="<%=WapSiteUrl%>/images/product/zhiruo.jpg"/></a><br />
                            芷若小沱茶</li>
                        <li><a href="http://www.shujianhao.com/wap/tmpl/product_list.html?gc_id=1074&a_id=32"><img src="<%=WapSiteUrl%>/images/product/hongcha.jpg"/></a><br />
                            红茶系列</li>
                        <li><a href="http://www.shujianhao.com/wap/tmpl/product_list.html?gc_id=1074&a_id=25"><img src="<%=WapSiteUrl%>/images/product/qita.jpg"/></a><br />
                            其它系列</li>
                    </ul>
                    <br style="clear:both" />
                </div>
            </div>
            <div class="panel" id="marketing">
                <div class="panel-head">
                    <h4>营销体系<span class="my_tags tag_close"></span></h4>
                </div>
                <div class="panel-body">
                    <ul class="home_jiangxin p0_w_100">
                        <li><a href="<%=WapSiteUrl%>/shop.html" ><img src="<%=WapSiteUrl%>/images/logos/shujianlogo.jpg"/><br />官方商城</a></li>
                        <li><a href="http://sjpuer.jd.com/"><img src="<%=WapSiteUrl%>/images/logos/jdlogo.jpg"/><br />京东商城</a></li>
                        <li><a href="http://www.amazon.cn/shops/A3UMKYUGZQEQTB"><img src="<%=WapSiteUrl%>/images/logos/amazonlogo.jpg"/><br />亚马逊商城</a></li>

                        <li><a href="<%=WapSiteUrl%>/tmallLink.html"><img src="<%=WapSiteUrl%>/images/logos/tmalllogo.jpg"/><br />天猫商城</a></li>
                        <li><a href="<%=WapSiteUrl%>/taobaoLink.html"><img src="<%=WapSiteUrl%>/images/logos/taobaologo.jpg"/><br />淘宝集市</a></li>
                        <li><a href="<%=WapSiteUrl%>/tmpl/franchiser_list.html"><img src="<%=WapSiteUrl%>/images/logos/qudao.jpg"/><br />销售渠道</a></li>
                        <li><a href="<%=WapSiteUrl%>/tmpl/article_list.html?ac_id=18"><img src="<%=WapSiteUrl%>/images/logos/kefu.jpg"/><br />服务中心</a></li>
                        <li><a href="<%=WapSiteUrl%>/tmpl/article_detail.html?a_id=37"><img src="<%=WapSiteUrl%>/images/logos/cuncha.jpg"/><br />存茶服务</a></li>
                        <li><img src="<%=WapSiteUrl%>/images/logos/shujianhui.jpg"/><br />书剑会</li>
                    </ul>
                    <br style="clear:both;" />
                </div>
            </div>
            <div class="panel" id="jiangxin">
                <div class="panel-head">
                    <h4>匠心唯真<span class="my_tags tag_close"></span></h4>
                </div>
                <div class="panel-body padding-small">
                    <ul class="home_jiangxin p0_w_100">
                        <li><a href="<%=WapSiteUrl%>/tmpl/article_detail.html?a_id=36"><img src="<%=WapSiteUrl%>/images/chashang.jpg" /><br />茶山分布</a></li>
                        <li><a href="<%=WapSiteUrl%>/tmpl/article_detail.html?a_id=83"><img src="<%=WapSiteUrl%>/images/gushuchayuan.jpg" /><br />古树茶园</a></li>
                        <li><a href="<%=WapSiteUrl%>/tmpl/article_detail.html?a_id=31"><img src="<%=WapSiteUrl%>/images/gufa.jpg" /><br />古法技艺</a></li>
                    </ul>
                    <br style="clear:both;" />
                </div>
            </div>

        </div>
    </div>
    <%if(adv_list.length>0){%>
    <div class="container p0_w_100">
        <div class="line padding-small">
            <div class="border border-gray radius-big padding" style="background:#f7f2ec;">
                <div class=" height text-red my_search_line  padding-small"><strong>【新品上市】</strong><span class="float-right my_more">更多</span></div>
                <div class="line margin-small-top">
                    <%for(i=0;i<adv_list.length;i++){%>
                    <div class="x6 padding-small-right"><a href="http://<%=adv_list[i].adv_content.adv_pic_url%>"><img class=" border radius-big" style="width:100%;" src='/data/upload/shop/adv/<%=adv_list[i].adv_content.adv_pic%>'/></a></div>
                    <%}%>
                </div>
            </div>
        </div>
    </div>
    <%}%>
    <%if(article_list.length>0){%>

    <div class="container p0_w_100">
        <div class="line padding-small">
            <div class="border border-gray radius-big padding home_news" style="background:#f7f2ec;" >
                <div class=" height text-red my_search_line padding-small"><strong>【新闻中心】</strong><a href="<%=WapSiteUrl%>/tmpl/article_list.html"><span class="float-right my_more">更多</span></a> </div>
                <%for(i=0;i<article_list.length;i++){%>
                <div class="line padding-small my_search_line">

                    <div class="x3">
                        <%if(article_list[i].article_url==""){%><a href="<%=WapSiteUrl%>/tmpl/article_detail.html?a_id=<%=article_list[i].article_id%>">
                        <%}else{%>
                        <a href="<%=article_list[i].article_url%>">
                            <%}%>
                            <img src="<%=article_list[i].file_name%>"  width="100%"/></a>
                    </div>
                    <div class="x9 home_news_list">
                        <%if(article_list[i].article_url==""){%><a href="<%=WapSiteUrl%>/tmpl/article_detail.html?a_id=<%=article_list[i].article_id%>">
                        <%}else{%>
                        <a href="<%=article_list[i].article_url%>">
                            <%}%>
                            <%=article_list[i].article_title%></a><p>
                        <%if(article_list[i].article_description==""){%>
                        <%=article_list[i].article_content%>
                        <%}else{%>
                        <%=article_list[i].article_description%>
                        <%}%>
                    </p></div>

                </div>
                <%}%>
            </div>
        </div>
    </div>
    <%}%>
    <%if(huodong_list.length>0){%>
    <div class="container p0_w_100">
        <div class="line padding-small">
            <div class="border border-gray radius-big padding home_huodong" style="background:#f7f2ec;">
                <div class=" height text-red my_search_line  padding-small"><strong>【活动中心】</strong><a href="<%=WapSiteUrl%>/tmpl/article_list.html?ac_id=17"><span class="float-right my_more">更多</span></a> </div>
                <%for(i=0;i<huodong_list.length;i++){%>
                <div class="line padding-small my_search_line">
                    <div class="x8 home_news_list"> <%if(huodong_list[i].article_url==""){%><a href="<%=WapSiteUrl%>/tmpl/article_detail.html?a_id=<%=huodong_list[i].article_id%>">
                        <%}else{%>
                        <a href="<%=huodong_list[i].article_url%>">
                            <%}%><%=huodong_list[i].article_title%></a><p><%if(huodong_list[i].article_description==""){%>
                        <%=huodong_list[i].article_content%>
                        <%}else{%>
                        <%=huodong_list[i].article_description%>
                        <%}%></p></div>

                    <div class="x4">
                        <%if(huodong_list[i].article_url==""){%><a href="<%=WapSiteUrl%>/tmpl/article_detail.html?a_id=<%=huodong_list[i].article_id%>">
                        <%}else{%>
                        <a href="<%=huodong_list[i].article_url%>">
                            <%}%>
                            <img src="<%=huodong_list[i].file_name%>"  width="100%"/></a>
                    </div>

                </div>
                <%}%>
            </div>
        </div>
    </div>
    <%}%>

    <%if(jiameng_list.length>0){%>
    <div class="container p0_w_100">
        <div class="line padding-small">
            <div class="border border-gray radius-big padding home_huodong" style="background:#f7f2ec;">
                <div class=" height text-red my_search_line  padding-small"><strong>【渠道加盟】</strong><a href="<%=WapSiteUrl%>/tmpl/franchiser_list.html"><span class="float-right my_more">更多</span></a> </div>
                <%for(i=0;i<jiameng_list.length;i++){%>
                <div class="line padding-small my_search_line">

                    <div class="x4"><a href="<%=WapSiteUrl%>/tmpl/franchiser_detail.html?f_id=<%=jiameng_list[i].franchisee_id%>">
                            <img src="<%=jiameng_list[i].file_name%>"  width="100%"/></a>
                    </div>

                    <div class="x8 home_news_list"> <a href="<%=WapSiteUrl%>/tmpl/franchiser_detail.html?f_id=<%=jiameng_list[i].franchisee_id%>">
                       <%=jiameng_list[i].franchisee_name%></a><p>
                        <%=jiameng_list[i].franchisee_address%><%=jiameng_list[i].linkman%><%=jiameng_list[i].linkman_mobile%>
                        </p></div>



                </div>
                <%}%>
            </div>
        </div>
    </div>
    <%}%>

    <script>
        //控制导航隐藏显示
        $(".panel").children(".panel-head").click(function(){
            var current_id = $(this).parent(".panel").attr("id");
            $(".panel").children(".panel-head").not(this).parent(".panel").children(".panel-body").hide();
            $(this).parent(".panel").children(".panel-body").slideToggle("fast","linear",function(){
                //滑动到点击位置

                $(".panel>div>h4>span").attr("class","tag_close");
                if($(this).is(":hidden")){
                    $("#"+current_id+">div>h4>span").attr("class","tag_close");
                }
                else
                {
                    $("#"+current_id+">div>h4>span").attr("class","tag_open");

                }

                $("html, body").animate({scrollTop: ($("#"+current_id).offset().top-40) + "px"},500);

            });


        });
</script>
</script>
<script type="text/javascript" src="js/config.js"></script>
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/template.js"></script>
<script type="text/javascript" src="js/common.js"></script>
<script type="text/javascript" src="js/swipe.js"></script>
<script type="text/javascript" src="js/index.js"></script>
<script type="text/javascript" src="js/pintuer.js"></script>
<script type="text/javascript" src="js/tmpl/footer.js"></script>

</html>